<div class="weui-uploader">
  <div class="weui-uploader__hd" style="padding-bottom: 0">
    <p class="weui-uploader__title">图片</p>
    <div class="weui-uploader__info">{{getFileCount()}}</div>
  </div>

  <div class="weui-grids">
    <a href="javascript:;" class="weui-grid" *ngFor="let file of files">
      <div class="weui-grid__icon">
        <img [src]="file.fileURL" alt="" (click)="preview(file)">
      </div>
    </a>
  </div>

  <!--<div class="weui-uploader__bd">-->
    <!--<ul class="weui-uploader__files">-->
      <!--<li class="weui-uploader__file" *ngFor="let file of files"-->
          <!--[style.background-image]="file.fileURL"-->
          <!--(click)="preview(file)">{{file.fileURL}}-->
      <!--</li>-->
    <!--</ul>-->
  <!--</div>-->

  <article class="weui-article my-article-content">
    <section>
      <div>
        <section>
          <p *ngFor="let file of files">
            <img src="{{file.fileURL}}" alt="">
          </p>

        </section>
      </div>
    </section>
  </article>

</div>
<app-weui-gallery [image]="image" [canDelete]="true" (delete)="onDelete($event)" (click)="fadeOut()"
                  class="my-image-uploader-gallery"></app-weui-gallery>
